<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>家族</title>
    <link rel="stylesheet" href="./css/bootstrap.css">
    <link rel="stylesheet" href="./css/family.css">
</head>
<body>
    <div class="wrap">
        <header>
            <nav class="navbar navbar-default navbar-fixed-top">
                <div class="container">
                  <div class="navbar-header">
                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
                      <span class="sr-only">Toggle navigation</span>
                      <span class="icon-bar"></span>
                      <span class="icon-bar"></span>
                      <span class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand" href="#">
                        <img src="./img/indexlogo.png" alt="">
                    </a>
                  </div>
                  <div id="navbar" class="navbar-collapse collapse">
                    <ul class="nav navbar-nav">
                      <li><a href="./index.html">首页</a></li>
                      <li class="active"><a href="#">Laya家族</a></li>
                      <li><a href="./game.html">游戏</a></li>
                      <li><a href="#">新闻动态</a></li>
                      <li><a href="#">开发者中心</a></li>
                      <li><a href="#">开发者社区 </a></li>
                      <li><a href="#">开放平台</a></li>
                      <li><a href="./regard.html">关于我们</a></li>
                    </ul>
                    <ul class="nav navbar-nav navbar-right">
                        <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Language <span class="caret"></span></a>
                            <ul class="dropdown-menu">
                              <li><a href="#">Action</a></li>
                              <li><a href="#">Another action</a></li>
                              <li><a href="#">Something else here</a></li>
                              <!-- <li role="separator" class="divider"></li> -->
                              <li class="dropdown-header">Nav header</li>
                              <li><a href="#">Separated link</a></li>
                              <li><a href="#">One more separated link</a></li>
                            </ul>
                          </li>
                    </ul>
                  </div><!--/.nav-collapse -->
                </div>
              </nav>
        </header>

        <main>
            <div class="flash">
                <div class="container">
                    <div class="row">
                        <div class="col-md-7 col-sm-12 flash-left">
                            <div class="flash-left-title">
                                <div class="title">
                                    <div class="one">1</div>
                                    <p>LayaFlash</p>
                                </div>
                                <span>直接用Flash AS3语言开发HTML5的引擎 </span>
                            </div>
                            <div class="flash-left-text">
                                <span>支持Flash AS3语言及框架在Flash Builder、FlashDevelop中直接开发 HTML5产品；</span>
                                <p>支持将Flash页游\手游产品快速转换成为HTML5游戏，让Flash研发企业进入HTML5市场低成本、无门槛；</p>
                                <span>支持Starling等3D框架，是首个支持HTML5 3D游戏的技术方案。</span>
                            </div>
                            <button>进入下载</button>
                        </div>
                        <div class="col-md-5 flash-right">
                            <div class="imges">
                                <img src="./img/1.png" alt="">
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="player">
                <div class="container">
                    <div class="row">
                        <div class="col-md-3 player-left">
                            <div class="title">
                                <div class="one">2</div>
                                <p>LayaPlayer</p>
                            </div>
                            <div class="player-left-img">
                                <img src="./img/2-1.png" alt="">
                            </div>
                        </div>
                        <div class="col-md-6 player-center">
                            <div class="player-center-texttop">
                                <p>极强性能</p>
                                <span>C语言编写的HTML5运行器，逻辑渲染双核运行、GPU加速渲染、内存显存智能管理、渲染流程极致优化，基于LayaPlayer运行的HTML5产品性能媲美APP。</span>
                            </div>
                            <div class="player-center-textbottom">
                                <p>更小，更多，更强</p>
                                <span>不足20K的HTML5运行器，拥有超过5亿的移动设备安装量，已嵌入到QQ浏览器、QQ空间、百度浏览器、新浪微博、猎豹浏览器等20多家主流平台。</span>
                            </div>
                        </div>
                        <div class="col-md-3 player-right">
                            <div class="player-right-img">
                                <img src="./img/2-2.png" alt="">
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="air-open">
                <div class="container">
                    <div class="row">
                        <div class="col-md-6 air-left">
                            <div class="air-title">
                                <div class="title">
                                    <div class="one">3</div>
                                    <p>LayaAir</p>
                                </div>
                                <span>新一代HTML5引擎，正在内测完善中，敬请期待</span>
                            </div>

                            <div class="air-main">
                                <div class="box">
                                    <p>小巧强大</p>
                                    <span>核心库100K左右，支持2D\3D动画、UI、粒子、骨骼、物理等完整功能，性能媲美APP</span>
                                </div>
                                <div class="box">
                                    <p>应用领域更广泛</p>
                                    <span>可广泛应用于小型游戏、大型游戏、广告、营销、H5应用、教育等领域</span>
                                </div>
                                <div class="box">
                                    <p>多语言开发</p>
                                    <span>支持AS3、TypeScript、JavaScript三种开发语言，适用程序员更广泛</span>
                                </div>
                            </div>

                            <div class="air-img">
                                <img src="./img/3.png" alt="">
                            </div>
                        </div>
                        <div class="col-md-6 open-right">
                            <div class="open-title">
                                <div class="title">
                                    <div class="one">4</div>
                                    <p>LayaOpen</p>
                                </div>
                                <span>面向Layabox开发者、流量渠道的一站式对接平台</span>
                            </div>

                            <div class="open-main">
                                <div class="box">
                                    <p>一站式对接</p>
                                    <span>一次对接，全渠道发行，提供一站式对接、发行、运营服务</span>
                                </div>
                                <div class="box">
                                    <p>免费测试</p>
                                    <span>提供免费评测服务以及线上真实用户的产品测试和运营测试</span>
                                </div>
                                <div class="box">
                                    <p>专业服务</p>
                                    <span>提供最专业的用户数据、付费数据、产品数据等游戏运营数据统计系统</span>
                                </div>
                            </div>

                            <div class="open-img">
                                <img src="./img/4.png" alt="">
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="store-publish">
                <div class="container">
                    <div class="row">
                        <div class="col-md-6 store-left">
                            <div class="store-title">
                                <div class="title">
                                    <div class="one">5</div>
                                    <p>LayaStore</p>
                                </div>
                                <span>游戏内容丰富，可安装、可嵌入的HTML5应用商店</span>
                            </div>
                            <div class="store-main">
                                <div class="box">
                                    <p>嵌入式商店</p>
                                    <span>仅20K的嵌入式HTML5应用商店，嵌入到APP中提供托管式HTML5商店服务。</span>
                                </div>
                                <div class="box">
                                    <p>流量变现</p>
                                    <span>丰富优质的大型HTML5游戏产品，帮助APP进入流量变现新时代。</span>
                                </div>
                            </div>

                            <div class="store-img">
                                <img src="./img/5.png" alt="">
                            </div>
                        </div>
                        <div class="col-md-6 publish-right">
                            <div class="publish-title">
                                <div class="title">
                                    <div class="one">6</div>
                                    <p>LayaPublish</p>
                                </div>
                                <span>分成高、覆盖广，提供最优秀的全渠道发行服务</span>
                            </div>

                            <div class="publish-main">
                                <div class="box">
                                    <p>覆盖广</p>
                                    <span>超过5亿的移动设备安装量覆盖，为CP发行保驾护航</span>
                                </div>
                                <div class="box">
                                    <p>分成高</p>
                                    <span>CP可享受80%发行收益的高分成政策。</span>
                                </div>
                            </div>

                            <div class="publish-img">
                                <img src="./img/4.png" alt="">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </main>

        <footer>
            <div class="container">
                <div class="row">
                    <div class="col-md-10 col-sm-8 col-xs-12">
                        <div class="container-text-top">
                            <ul>
                                <li>
                                    <a href="#">公司简介</a>
                                </li>
                                <li>
                                    <a href="#">联系方式</a>
                                </li>
                                <li>
                                    <a href="#">人才招聘</a>
                                </li>
                            </ul>
                        </div>
                        <div class="container-text-bottom">
                           <span>All Copyright Reserved by Layabox Inc. 京ICP备15008163号-1 </span>
                        </div>
                    </div>
                    <div class="col-md-2 col-sm-4 col-xs-12">
                        <div class="container-logo">
                            <div class="box">
                                <img src="./img/foot1.png" alt="">
                                <img src="./img/foot4.png" alt="">
                            </div>
                            <div class="box">
                                <img src="./img/foot2.png" alt="">
                                <img src="./img/foot4.png" alt="">
                            </div>
                            <div class="box">
                                <img src="./img/foot3.png" alt="">
                                <img src="./img/foot4.png" alt="">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
       </footer>
    </div>

    <script src="./js/jq.js"></script>
    <script src="./js/bootstrap.js"></script>
</body>
</html>